<template>
	<view class="MyCollect">
		<topbar-my-collect></topbar-my-collect>
		<view class="bgcolor"></view>
		<scroll-view scroll-y="true" class="scroll-Y">
			<list-my-collect :searchList="allLike"></list-my-collect>
		</scroll-view>
	</view>
</template>

<script>
	import TopbarMyCollect from "./childMyCollect/TopbarMyCollect.vue"
	import ListMyCollect from "./childMyCollect/ListMyCollect.vue"
	
	import {getAllLike} from "network/mine.js"
	
	export default{
		components:{
			TopbarMyCollect,
			ListMyCollect
		},
		onLoad() {
			getAllLike().then(res=>{
				this.allLike = res.data.result
			})
		},
		data() {
			return {
				allLike: []
			}
		},
	}
</script>

<style scoped>
	.MyCollect{
		height: 100vh;
		position: relative;
	}
	.bgcolor{
		width: 100%;
		height: 200rpx;
		background-color: #0C34BA
	}
	.scroll-Y{
		position: absolute;
		top: 255rpx;
		left: 20rpx;
		right: 20rpx;
		bottom: 20rpx;
		border: 1rpx solid #FFFFFF;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		background-color: #FFFFFF;
		width: 95%;
	}
</style>
